<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<!--meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"-->
<title>Satellite Control Center - Astrium - FOP Viewer</title>

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<!-- jQuery and jQuery Mobile -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<!-- Extra Codiqa features -->
<link rel="stylesheet" href="/static/style.css" type="text/css" />
<script type="text/javascript"
	src="/AMRA-SCC/MobilityAccess/WebContent/WEB-INF/addTemplate.js "></script>
<script src="script.js"></script>

</head>
<body onload="refreshdata(1000);">
	<div data-role="page" id="page-1">
		<div id="panel-wrapper"></div>
		<div id="page-wrapper">
			<div data-role="header" id="header"></div>
			<div id="content-wrapper">
				<div data-role="navbar" id="navbar">
					<ul>
						<li><a href="#" data-transition="none" class="ui-btn-active">FOP
								Viewer</a></li>
						<li><a href="../LogMonitoring/logs.html"
							data-transition="slidedown" rel="external">Log Monitoring</a></li>
						<li><a href="../TMViewer/index.html"
							data-transition="slidedown" rel="external">TM Viewer</a></li>
					</ul>
				</div>
				<div data-role="content" id="content">
					<div data-role="collapsible-set">
						<div data-role="collapsible" data-collapsed="false">
							<h3>FOP viewer</h3>
							<center>
							<p>
							<table data-role="table" id="table-custom-viewer"
								class="ui-body-a ui-shadow table-stripe ui-responsive"
								data-column-btn-theme="b"
								data-column-btn-text="Columns to display..."
								data-column-popup-theme="a">
								<thead>
									<tr class="ui-bar-d">
										<th data-priority="2">Status</th>
										<th data-priority="2">Code</th>
										<th data-priority="3">Label</th>
										<th data-priority="1">Mode</th>
										<th data-priority="5">Start</th>
										<th data-priority="5">End</th>
										<th data-priority="5">Owner</th>
									</tr>
								</thead>
								<tbody id="tbodyFOPviewer">
								</tbody>
							</table>
							</p>
							</center>
						</div>
						<div data-role="collapsible">
							<h3>Current FOP</h3>
							<p>
							<div id="control" style="height: auto; overflow: auto;">
								
								<span style="display:none;" id="executor" data-role="controlgroup"
									data-type="horizontal"> <a href="#popupDialogProcess"
									data-rel="popup" data-role="button" data-icon="check"
									data-theme="a" class="forsuperuser">Process</a>
									<div data-theme="a" data-overlay-theme="a"
										id="popupDialogProcess" data-role="popup"
										aria-disabled="false" data-disabled="false" data-shadow="true"
										data-corners="true" data-transition="slideup"
										data-position-to="window">
										<div data-role="header">
											<h1>Warning!!!!</h1>
										</div>

										<div data-role="content">
											<p>Do you realy want to process this instruction ?</p>
											<a data-role="button" data-icon="forward" id="process"
												data-theme="a" class="forsuperuser">Process</a>
										</div>
									</div> <a href="#popupDialogSkip" data-rel="popup" data-role="button"
									data-icon="forward" data-theme="a" class="forsuperuser">Skip</a>
									<div data-theme="a" data-overlay-theme="a" id="popupDialogSkip"
										data-role="popup" aria-disabled="false" data-disabled="false"
										data-shadow="true" data-corners="true"
										data-transition="slideup" data-position-to="window">
										<div data-role="header">
											<h1>Warning!!!!</h1>
										</div>

										<div data-role="content">
											<p>Do you really want to skip this instruction ?</p>
											<a data-role="button" data-icon="forward" id="skip"
												data-theme="a" class="forsuperuser">Skip</a>
										</div>
									</div> <a href="#popupDialogAbort" data-rel="popup"
									data-role="button" data-icon="check" data-theme="a"
									class="forsuperuser">Abort</a>
									<div data-theme="a" data-overlay-theme="a"
										id="popupDialogAbort" data-role="popup" aria-disabled="false"
										data-disabled="false" data-shadow="true" data-corners="true"
										data-transition="slideup" data-position-to="window">
										<div data-role="header">
											<h1>Warning!!!!</h1>
										</div>

										<div data-role="content">
											<p>Do you really want to abort this instruction ?</p>
											<a data-role="button" data-icon="forward" id="abort"
												data-theme="a" class="forsuperuser">Abort</a>
										</div>
									</div>
								</span> <span id="viewer" data-role="controlgroup"
									data-type="horizontal" style="float: right; margin: 0px">
									<a data-role="button" id="play">Play</a> <a data-role="button"
									id="pause">Pause</a>
								</span>
							</div>
							<!Corrige----------------------------------------------------------------------!>

							<div id="divInstructions" style="height: 300px; overflow: auto;">
								<table data-role="table" id="instructions-table"
									data-mode="reflow" class="ui-responsive table-stroke">
									<thead>
										<tr class="ui-bar-d">
											<th data-priority="1">Curr.</th>
											<th data-priority="1">Line</th>
											<th data-priority="1">Action</th>
											<th data-priority="1">Entity</th>
											<th data-priority="1">Label</th>
											<th data-priority="1">Time</th>
											<th data-priority="1">Report</th>
										</tr>
									</thead>
									<tbody id="tbodyInstructions">
									</tbody>
								</table>

							</div>

							</p>
						</div>
					</div>
				</div>
			</div>
			<footer data-role="footer" id="footer" data-position="fixed">
			</footer>
		</div>
	</div>
</body>
</html>

